<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		 <link rel="stylesheet" href="css/base.css">
		 <link rel="stylesheet" type="text/css" href="	css/app.css"/>
		 <link rel="stylesheet" href="fonts/iconfont.css">
	</head>

	<body>
		<header class="mui-bar mui-bar-nav _color">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title titleCenter">小助手</h1>
		</header>
		

		<div class="mui-content" >
		        <ul class="mui-table-view mui-grid-view mui-grid-9" style="background: none;">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-compose"></span>
		                    <div class="mui-media-body">发表</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
		                    <div class="mui-media-body">邮件</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-navigate"></span>
		                    <div class="mui-media-body">指南针</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-map"></span>
		                    <div class="mui-media-body">地图</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-search"></span>
		                    <div class="mui-media-body">搜索</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-phone"></span>
		                    <div class="mui-media-body">电话</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-gear"></span>
		                    <div class="mui-media-body">设置</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-info"></span>
		                    <div class="mui-media-body">关于我们</div></a></li>
		           <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-more"></span>
		                    <div class="mui-media-body">更多</div></a></li>
		        </ul> 
		</div>
		<div class="footer-nav">
                <ul class='clearfix'>
                    <li class="five ">
                        <a id="homepage"><i class='iconfont icon-all'></i>发现美</a>
                    </li>
                    <li class="show five">
                        <a href="#"><i class='iconfont icon-bangzhu'></i>小助手</a>
                    </li>
                    <li class=" five">

                        <a href="#"><i class='iconfont icon-edit'></i>同游圈</a>
                    </li>
                    <li class=" five">
                        <a ><i class='iconfont icon-favorite'></i>收藏夹</a>
                    </li>
                </ul>
            </div>
        
	<script src="js/mui.min.js"></script>
	<script src='js/common.js'></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
	</script>

	</body>

</html>